import React from 'react';
import { Icon } from 'zarm';
import { NavLink } from "react-router-dom";
import { useHistory } from "react-router-dom";
import './CityNav.scss';
const CityNav = () => {
  const history = useHistory();
  return (
    <>
      <div className="cityNav">
        <div className="city">
          <span onClick={() => history.push('/city')}>
            {localStorage.getItem("city") || "北京"}
          </span>
          <b></b>
        </div>
        <ul>
          <li>
            <NavLink to="/home/movies/hot" activeClassName="active">热映</NavLink>
          </li>
          <li>
            <NavLink to="/home/movies/cinema" activeClassName="active">影院</NavLink></li>
          <li>
            <NavLink to="/home/movies/wait" activeClassName="active">待映</NavLink></li>
          <li><NavLink to="/home/movies/classic" activeClassName="active">经典电影</NavLink></li>
        </ul>
        <div className="icon">
          <Icon type="icon-sousuo" theme="danger" />
        </div>
      </div>
    </>
  );
}

export default CityNav;